<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>
<!--
        表格标签的使用
        单元格   标题
        table    border 设置线宽   cellspacing  设置单元格间隙
        tr
        td

        thead
        tbody
        tfoot
        使用以上三个标签可以将表格结构划分的更加细致
-->
<h3>学生信息表</h3>
<table border="1px" cellspacing="0" width="400px">
    <thead>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <!--     colspan 实现跨列合并   合并谁 删除谁 -->
            <td colspan="3">1</td>
            <!--        <td>3</td>-->
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <!--   rowspan 跨行合并   合并谁 删除谁  -->
            <td rowspan="2">6</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </tbody>
</table>
<!-- 分割线-->
<hr>
<h3>合并 6 7 10 11四个单元格为一个单元格练习</h3>
<table border="1" width="400px" cellspacing="0">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td colspan="2" rowspan="2">6</td>
        <td>8</td>
    </tr>
    <tr>
        <td>9</td>
        <td>12</td>
    </tr>
    <tr>
        <td>13</td>
        <td>14</td>
        <td>15</td>
        <td>16</td>
    </tr>
</table>

</body>
</html>